<template>
		<el-col :span="8" class="order">
			<el-row style='font-size:12px;'>
				<el-col class="time" :span='6'>{{$$formatTime2(time)}}</el-col>
				<el-col class="orderId" :span='18'>订单号 {{newOrder.orderWaterStoreId}}</el-col>
			</el-row>
			<hr class="line"></hr>
			<el-row class="message">
				<el-col :span='8'>
					<p class='other-th'>送水工</p>
					<p class='other-content'>{{newOrder.waterDeliverName}}</p>
				</el-col>
				<el-col :span='11'>
					<p class='other-th'>联系方式</p>
					<p class='other-content'>{{newOrder.waterDeliverContact}}</p>
				</el-col>
				<el-col v-if="isEmptyBarry" :span='5'>
					<p class='other-th'>需还空桶</p>
					<p class='other-content barrel-num'>{{newOrder.numEmptyBucketsReceived}}个</p>
				</el-col>
			</el-row>
			<hr class="line"></hr>
			<el-row class="orderData">
				<el-col class="dataTitle">
					商品（{{newOrder.count}}）
				</el-col>
				<el-col class="dataDetails">
					<el-row>
						<el-col v-for="water in newOrder.orderWaBuOrUsInfos" >
							<span>{{water.brand + water.name}}</span>
							<span>x{{water.count}}</span>
							<span>￥{{water.waterStoreTotalCost}}</span>
						</el-col>
						<el-col>
							<span>总计</span>
							<span>x{{newOrder.count}}</span>
							<span>￥{{newOrder.total}}</span>
						</el-col>
					</el-row>
				</el-col>
			</el-row>
			<el-row class="line"></el-row>
			<el-row class="operation">
				<el-button type="info" @click='onRecevice(newOrder.orderWaterStoreId)' :disabled='receiDisabled'>确认订单</el-button>
				<el-button type="danger" @click='onReject(newOrder.orderWaterStoreId)' :disabled='rejecDisabled'>拒收订单</el-button>
			</el-row>
		</el-col>
</template>

<script>
	import OrderJs from './Order.js';
	module.exports = OrderJs;
</script>

<style lang='less' scope>
	@import url(Order.less);
</style>